<?php 
$conn = mysqli_connect('127.0.0.1','root','123456','zhiwen');
mysqli_query($conn,'SET NAMES UTF8');
$sql = 'SELECT * FROM books_category as bc left join books as b on bc.bid=b.id left join category as c on bc.cid=c.id WHERE c.id=1';
$sql1 = 'SELECT * FROM books_category as bc left join books as b on bc.bid=b.id left join category as c on bc.cid=c.id WHERE c.id=3';
$sql2 = 'SELECT * FROM books_category as bc left join books as b on bc.bid=b.id left join category as c on bc.cid=c.id WHERE c.id=2';
$result = mysqli_query($conn,$sql);
$result1 = mysqli_query($conn,$sql1);
$result2 = mysqli_query($conn,$sql2);
$books = [];
$books1 = [];
$books2 = [];
while ($row = mysqli_fetch_array($result)) {
   array_push($books,$row);
}
while ($row = mysqli_fetch_array($result1)) {
   array_push($books1,$row);
}
while ($row = mysqli_fetch_array($result2)) {
   array_push($books2,$row);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/HomePage.css">
    <link rel="stylesheet" href="../css/Comment.css">
    <link rel="stylesheet" href="../css/flexslider.css">
    <link rel="stylesheet" href="../css/bottom.css">
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/jquery.flexslider-min.js"></script>
     <script src="../js/HomePage.js"></script>
</head>
<body>
    <!--导航栏-->
    <header>
    </header>
    <!--广告导航栏-->
    <section class="banner">
        <div class="flexslider">
            <ul class="slides">
                <li class="lis"><img src="../images/banner1.jpg" alt=""></li>
                <li class="lis"><img src="../images/banner2.jpg" alt=""></li>
                <li class="lis"><img src="../images/banner3.jpg" alt=""></li>
                <li class="lis"><img src="../images/banner4.jpg" alt=""></li>
            </ul>
        </div>
        <!--条幅广告-->
        <div class="banner-font h3">我读书越多，书籍就使我和世界越接近，</div>
        <div class="banner-font h4">生活对我也变得越加光明和有意义。</div>
    </section>
    <!--正文-->
        <div class="info-books">
            <div class="info-t">
                戏剧
            </div>
            <div class="info-b">
                <div class="info-l">
                    <ul class="info-list" id="info-list_0">
                    <?php foreach($books as $zhiwen){ ?>
                     <li><a href="literature.php"><?php echo($zhiwen['bname']) ?></a></li>
                     <?php  }?> 
                    </ul>
                    <p>
                        知
                        <br>
                        文
                    </p>
                </div>
                <div class="info-m" id="info-m_0">
                    <?php foreach ($books as $zhiwen) {?>
                     <div><img src="<?php echo($zhiwen['img']) ?>" alt="">
                    <button class="shop"><a href="">购买</a></button>
                    <span><?php echo($zhiwen['price']) ?></span>
                     <button class="shop-car"><a href="">购物车</a></button>
                    </div>
                    <?php  } ?>
                </div>
                <div class="info-r">
                    <img src="../images/sha.jpg" alt="" class="img1">
                    <p>
                        威廉·莎士比亚（英语：William Shakespeare，1564年4月23日－1616年4月23日，华人社会常尊称为莎翁，清末民初鲁迅在〈摩罗诗力说〉（1908年2月）称莎翁为“狭斯丕尔”）是英国文学史上最杰出的戏剧家，也是欧洲文艺复兴时期最重要、最伟大的作家，全世界最卓越的文学家之一。
                    </p>
                    <img src="../images/sha1.jpg" alt="" class="img2">
                </div>
            </div>
        </div>
    <div class="info-books">
        <div class="info-t">
            西方文学
        </div>
        <div class="info-b">
            <div class="info-l" id="info-l_2">
                <ul class="info-list" id="info-list_2">
                    <?php foreach($books1 as $zhiwen){ ?>
                     <li><a href=""><?php echo($zhiwen['bname']) ?></a></li>
                     <?php  }?> 
                </ul>
                <p>
                    知
                    <br>
                    文
                </p>
            </div>
            <div class="info-m" id="info_m_2">
                <?php foreach ($books1 as $zhiwen) {?>
                     <div><img src="<?php echo($zhiwen['img']) ?>" alt="">
                    <button class="shop"><a href="">购买</a></button>
                    <span><?php echo($zhiwen['price']) ?></span>
                     <button class="shop-car"><a href="">购物车</a></button>
                    </div>
                    <?php  } ?>
            </div>
            <div class="info-r">
                <img src="../images/yu.jpg" alt="" class="img1">
                <p>
                    维克多·雨果（Victor Hugo，1802年2月26日—1885年5月22日），法国作家，19世纪前期积极浪漫主义文学的代表作家，人道主义的代表人物，法国文学史上卓越的资产阶级民主作家，被人们称为“法兰西的莎士比亚”。一生写过多部诗歌、小说、剧本、各种散文和文艺评论及政论文章，在法国及世界有着广泛的影响力
                </p>
                <img src="../images/yu1.jpg" alt="" class="img2" id="img3">
            </div>
        </div>
    </div>
    <div class="info-books">
        <div class="info-t">
            东方文学
        </div>
        <div class="info-b">
            <div class="info-l" id="info-l_1">
                <ul class="info-list" id="info-list_1">
                     <?php foreach($books2 as $zhiwen){ ?>
                     <li><a href=""><?php echo($zhiwen['bname']) ?></a></li>
                     <?php  }?> 
                </ul>
                <p>
                    知
                    <br>
                    文
                </p>
            </div>
            <div class="info-m" id="info_m_1">
                <?php foreach ($books2 as $zhiwen) {?>
                     <div><img src="<?php echo($zhiwen['img']) ?>" alt="">
                    <button class="shop"><a href="">购买</a></button>
                    <span><?php echo($zhiwen['price']) ?></span>
                     <button class="shop-car"><a href="">购物车</a></button>
                    </div>
                    <?php  } ?>
            </div>
            <div class="info-r">
                <img src="../images/lu.jpeg" alt="" class="img1">
                <p>
                    鲁迅（1881年9月25日－1936年10月19日），原名周樟寿，后改名周树人，字豫山，后改豫才，“鲁迅”是他1918年发表《狂人日记》时所用的笔名，也是他影响最为广泛的笔名，浙江绍兴人。著名文学家、思想家，五四新文化运动的重要参与者，中国现代文学的奠基人。毛泽东曾评价：“鲁迅的方向，就是中华民族新文化的方向。”
                </p>
                <img src="../images/lu1.jpeg" alt="" class="img2" id="img2">
            </div>
        </div>
    </div>
    <div id="Bottom_bottom">

    </div>
    <script>
     $('header').load('header.php');
    $('#Bottom_bottom').load('bottom.html');
    </script>

</body>
</html>